<!--
* @Author: 张昊
* @Date:  2022-06-06 15:42:28
* @FilePath: /components/text/txt-title.vue
* @Description: 标题
-->
<template>
	<!-- 标题组件 -->
	<view class="detailTop">
		<!-- 头部左侧 -->
		<view class="title">{{ title }}</view>
	</view>
</template>

<script>
export default {
	props: {
		title: {
			type: [String, Number]
		}
	}
};
</script>

<style scoped lang="scss">
.detailTop {
	display: flex;
	justify-content: space-between;
}

.title {
	// padding: 14 * 2rpx 0 0 14 * 2rpx;
	color: #333333;
	font-size: $uni-font-title;
	font-weight: 600;
	border-bottom: 4rpx solid #0086ff;
	padding-bottom: 4rpx;
	display: flex;
	justify-content: center;
	margin-right: 28rpx;
}
</style>
